<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>解析</title>
</head>
<body>
    <header>
        <a href="index.html"><img src="../images/u15.png" alt=""> 蜗牛考试系统</a>
        <div>
            <div id="user">
                <img id="userImg" src="./../images/u15.png"></img>
                <p id="username">张三</p>
            </div>
            <i class="iconfont icon-shezhi" id="set_btn"></i>
        </div>
        <div id="seting">
            <ul>
                <li id="change_acount">换个账号</li>
                <li id="sign_out">退出登录</li>
            </ul>
        </div>
    </header>
    <main>
        <article>
            <a href="javascript:;"><i class="iconfont icon-arrow-left"></i>返回 [考试中...]</a>
            <p class="testtitle">2021年第三季Reactjs知识模拟考试</p>
            <div>解析</div>
        </article>
        <section>
            <article>
                <div>
                    <p class="questiontype">单选题</p>
                    <p>第1题/共30</p>
                </div>
                <div>
                    <p>为了可以哼却解析JSX语法，需要再标签中加入什么属性？（）</p>
                    <ul>
                        <li>
                            <i>A</i>
                            Type='text/babel'
                        </li>
                        <li>
                            <i>B</i>
                            Type=text/javascript
                        </li>
                        <li>
                            <i>C</i>
                            Type=text/html
                        </li>
                        <li>
                            <i>D</i>
                            Type=text/html
                        </li>
                    </ul>
                    <div>
                        <button class="next">下一题</button>
                    </div>
                    <div>
                        <p>考生答案: <span class="iconfont icon-cuowu"></span></p>
                        <p>正确答案: <span>A</span></p>
                        <p>解析：为了可以哼却解析JSX语法，需要再标签中加入什么属性？（）</p>
                    </div>
                </div>
            </article>
            <aside>
                <div>
                    <p>考试成绩:<span>0</span>分</p>
                    <p>考试时长:<span>正在考试</span></p>
                </div>
                <section>
                    <div class="questiontitle">
                        <p>答题卡</p>
                        <p>未答<span>4</span>题</p>
                    </div>
                    <div class="questions">
                        <div>1<i class="iconfont icon-cuowu"></i></div>
                        <div>2</div>
                        <div>1</div>
                        <div>2</div>
                        <div>1</div>
                        <div>2</div>
                        <div>1</div>
                        <div>2</div>
                        <div>1</div>
                        <div>2</div>
                        <div>1</div>
                        <div>2</div>
                        <div>1</div>
                        <div>2</div>
                        <div>1</div>
                        <div>2</div>
                    </div>
                    <div class="submit">
                        <button>交卷</button>
                    </div>
                </section>
            </aside>
        </section>
    </main>
</body>
</html>